<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<link media="all" type="text/css" rel="stylesheet" href="/yamazure/css/excite-bike/jquery-ui-1.8.18.custom.css"/>
		<link media="all" type="text/css" rel="stylesheet" href="/yamazure/css/bootstrap.css" />
		<link media="all" type="text/css" rel="stylesheet" href="/yamazure/css/additional.css" />
		<link media="all" type="text/css" rel="stylesheet" href="/yamazure/css/responsive.css" />
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>Yamazure :: Create Item</title>
    </head>
    <body>
    	<div class="navbar navbar-fixed-top">
   <div class="navbar-inner">
     <div class="container">
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </a>
       <a class="brand" href="/yamazure/#">
       		<i class="icon-home icon-white" style="vertical-align: middle;"></i>
       		Yamazure&nbsp;&nbsp;&nbsp;&nbsp;
       </a>
       <div class="nav-collapse">
       	 <ul class="nav tooltip-demo">
       	 	<li class="dropdown">
       	 		<a class="dropdown-toggle" data-toggle="dropdown" href="#" rel="tooltip" data-original-title="Person Management with Yamasura">
       	 			<i class="icon-user icon-white"></i>
       	 			Person
       	 			<b class="caret"></b>
       	 		</a>
       	 		<ul class="dropdown-menu">
       	 			<li><a href="/yamazure/person">Create</a></li>
       	 			<li><a href="/yamazure/person/search">Search</a></li>
       	 			<li><a href="/yamazure/person/result">List</a></li>
       	 		</ul>
       	 	</li>
       	 	<li class="dropdown">
       	 		<a class="dropdown-toggle" href="#" data-toggle="dropdown" rel="tooltip" data-original-title="Item Management with Yamasura">
       	 			<i class="icon-tags icon-white"></i>
       	 			Item
       	 			<b class="caret"></b>
       	 		</a>
       	 		<ul class="dropdown-menu">
       	 			<li><a href="/yamazure/item">Create</a></li>
       	 			<li><a href="/yamazure/item/search">Search</a></li>
       	 			<li><a href="/yamazure/item/search/result">List</a></li>
       	 		</ul>
       	 	</li>
       	 </ul>
       </div>
     </div>
   </div>
 </div>
    	
    	<div class="container">
    
        <form id="item" class="well" action="" method="post" >
            <table border="0" cellpadding="3" cellspacing="1">
                <tr>
                    <td>Code</td>
                    <td>
                    	<input type="text" name="code" id="code" value="$!item.code" maxlength="20" tabindex="1"/>
                    	#springBind("item.code")
                    	<font color="red" >#springShowErrors("<br/>" "")</font>
					</td>

                </tr>
                <tr>
                    <td>Name</td>
                    <td>
                    	<input type="text" name="name" id="name" value="$!item.name" tabindex="2" maxlength="20"/>
                    	#springBind("item.name")
                    	<font color="red" >#springShowErrors("<br/>" "")</font>
					</td>
                </tr>
                <tr>
                    <td>Price</td>
                    <td>
                    	<input type="text" name="price" value="$!item.price" id="price" tabindex="3" maxlength="20"/>
                    	#springBind("item.price")
                    	<font color="red" >#springShowErrors("<br/>" "")</font>
					</td>
                </tr>
                <tr>
                    <td>Description</td>
                    <td><textarea name="description" id="description" tabindex="5" class="text" maxlength="100">$!item.description</textarea></td>
                </tr>
                <tr>
                    <td colspan="2">
                         <button type="submit" class="btn btn-success"><i class="icon-ok icon-white"></i> Submit</button>
                        <button type="reset" class="btn btn-danger"><i class="icon-remove icon-white"></i> Reset</button>
                   </td>
                </tr>
            </table>
            <br/>
             #if($!succeed=="true")
        <div class="ui-widget">
			<div class="ui-state-highlight" style="margin-top: 20px; padding-top: .7em; padding-left: .7em"> 
				<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .5em;"></span>
				<strong>Adding succeeded</strong></p>
			</div>
		</div>
		#end
		
		#if($!failed=="true")
		<div class="ui-widget">
			<div class="ui-state-error" style="margin-top: 20px; padding-top: .7em; padding-left: .7em"> 
				<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .5em;"></span>
				<strong>Adding failed</strong></p>
			</div>
		</div>
        #end
        </form>
        <br/><br/>
        	<footer class="footer">
 		&copy; Yamazure 2012
 		</footer>
        </div>
        <script src="/yamazure/js/jquery-1.7.1.min.js"></script>
		<script src="/yamazure/js/jquery-ui-1.8.18.custom.min.js"></script>
		<script src="/yamazure/js/bootstrap.js"></script>
		<script>
			$("#datepicker").datepicker();
			 $('a[rel=tooltip]').tooltip({
			'placement': 'bottom'
			});
		</script>
    </body>
</html>